<template>
    <view class="sticky-top">
        <han-status-bar />
        <message-header />
    </view>
    <view class="message">
        <message-content />
    </view>
    <han-tabbar />
</template>

<script setup>
import messageHeader from './components/messageHeader.vue';
import messageContent from './components/messageContent.vue';
</script>

<style lang="scss">
.sticky-top {
    position: sticky;
    top: 0;
    z-index: 100;
    background: $han-global-bg-color;
}
</style>
